<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>${cms.catalog.name}</title>
  <!-- static start -->
  <link rel="stylesheet" href="${cms.ctx}/cdn/public/bootstrap/3.3.7/css/bootstrap.min.css">
    <script type="text/javascript" src="${cms.ctx}/cdn/public/jquery/1.12.4/jquery.min.js"></script>
  <script type="text/javascript" src="${cms.ctx}/cdn/public/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- static end -->
  <style type="text/css">
* {
  font-size: 16px;
}
  </style>
  </head>
  <body>
    <div class="container" style="font-size:12px;">
    <div class="row">
    <div class="col-md-6">
      &nbsp;
    </div>
    <div class="col-md-6 text-right">
      <a href='${cms.ctx}/portal/index.do' style="font-size:12px;">个人中心</a>
    </div>
    </div>
  </div>

  <div class="container" style="line-height:7rem;margin-bottom:10px;">
    <div class="row">
    <div class="col-md-2" style="font-size:3rem;">
      Mossle
    </div>
    <div class="col-md-10">
      <div class="text-center" style="background-color:#F8F8F8;color:white;">
        &nbsp;
    </div>
    </div>
    </div>
  </div>

    <!-- navbar start -->
    <div class="container">
    <div class="navbar navbar-default" role="navigation" style="margin-bottom:10px;">
        <div class="navbar-header">
          <a class="navbar-brand" href="${cms.ctx}/cms/view">首页</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
        <#list cms.catalogs() as theCatalog>
            <li class=""><a href="${cms.ctx}/cms/view/${theCatalog.code}">${theCatalog.name}</a></li>
      </#list>
          </ul>
    </div>
  </div>
    </div>
    <!-- navbar end -->


    <div class="container">
      <div class="row">


        <!-- left start -->
        <div class="col-md-9">
 
      <#assign articlePage=cms.articles(cms.catalog.id) />
      <#list articlePage.result as article>
        <div>
        <a href="${cms.ctx}/cms/view/${cms.catalog.code}/${article.id?string('#')}"><h3>${article.title!}</h3></a>
        <p>
        <span style="color:gray;">${(userConnector.findById(article.userId).displayName)!}</span>
        |
        <span style="color:gray;"><#if article.publishTime??>${article.publishTime?string("yyyy-MM-dd HH:mm")}</#if></span>
        <span style="color:gray;"><i class="glyphicon glyphicon-eye-open"></i> ${article.hitCount!}</span>

        <span style="color:gray;">tags</span>
        <span style="color:gray;">tags</span>
        </p>
        <p>${article.summary!}</p>
      </div>

      <hr>
      </#list>

<#if articlePage.pageCount gt 0>
<nav aria-label="Page navigation">
  <ul class="pagination">
    <li>
    <#if articlePage.previousEnabled>
      <a href="?pageNo=${articlePage.pageNo - 1}" aria-label="Previous">
      <#else>
      <a href="javascript:void(0);" aria-label="Previous">
    </#if>
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
  <#list 1..articlePage.pageCount as i>
    <li><a href="?pageNo=${i}">${i}</a></li>
  </#list>
    <li>
    <#if articlePage.nextEnabled>
      <a href="?pageNo=${articlePage.pageNo + 1}" aria-label="Next">
      <#else>
      <a href="javascript:void(0);" aria-label="Previous">
    </#if>
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>
</#if>

    </div>
      <!-- left end -->

    <!-- right start -->
    <div class="col-md-3">

      <div class="panel panel-default">
        <div class="panel-body">
        <div style="font-size:18px;margin-bottom:5px;">热门标签</div>
      <p style="color:gray;">tags, tags</p>
      </div>
      </div>
    </div>
      <!-- right end -->

      </div>
    </div>

    <hr>

    <div class="container">
      <div class="row" style="text-align:center;">
        &copy; Mossle
      </div>
    </div>

  </body>
</html>
